@media screen and (max-width:1600px){
	.r-content{width:1100px;}
	.ny_kj{width:1000px;}
	}

@media screen and (max-width:1400px){
	.r-content{width:900px;}
	.ny_kj{width:800px;}
	}
	
@media screen and (max-width:1200px){
	.r-content{width:800px;}
	.ny_kj{width:700px;}
}

@media screen and (max-width:980px){
	.w96{width:96%; margin:0 auto; padding:30px 0; overflow:hidden;}
	.top{display:none;}
	
	html{ height:auto;}
	body{ height:auto;}
	
	.logo{width:140px; margin:10px 0 0 2%;}
	
	.mobile-inner{display:block;}
	
	.topp_bj{ height:80px;}
	.topp{height:80px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.2);}
	.mobile-inner-header-icon{display:block;}
		
	.bah{width:100%;line-height:50px; position: inherit; bottom:0;left:0; text-align:center; box-shadow:0 0 8px rgba(0,0,0,0.1);}
	.bah a{color:#848484;}
	
	.sy_dkj{width:100%;height:100%; position: inherit; overflow:hidden;}
	.sy_dkj ul{height:100%;}
	
	.sy_dkj ul .sy1{width:100%; height: auto; overflow:hidden; position: relative; top:0; left:0; z-index:10; transition:all 0.5s;}
	.sy_dkj ul .sy1 h2{ position:absolute; top:50%; left:50%; line-height:20px; margin:-13px 0 0 -55px; font-size:18px; color:#fff; z-index:20; padding:6px 0 0 20px; background:url(../images/bt_xg.png) left top no-repeat; opacity:1; transition:all 0.5s;}
	.sy_dkj ul .sy1 .sy_img{width:100%; height: auto; position:relative; transition:all 0.5s;}
	.sy_dkj ul .sy1 .sy_img .fg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background:rgba(0,0,0,0.4); opacity:1; transition:all 0.5s; }
	.sy_dkj ul .sy1 .sy_img img{width:100%;position: inherit; left:0; top:0; margin:0 0 0 0; transition:all 8s;}
	.sy_dkj ul .sy1:hover{width:49.995%; z-index:20; left:-8.3325%;}
	.sy_dkj ul .sy1:hover .sy_img img{transform:scale(1.2);}
	.sy_dkj ul .sy1:hover .fg{opacity:0;}
	.sy_dkj ul .sy1:hover h2{opacity:0;}
	
	.sy_dkj ul .sy2{width:100%; height: auto; overflow:hidden; position: relative; top:0; left:0; transition:all 0.5s;}
	.sy_dkj ul .sy2 h2{ position:absolute; top:50%; left:50%; line-height:20px; margin:-13px 0 0 -46px; font-size:18px; color:#fff; z-index:20; padding:6px 0 0 20px; background:url(../images/bt_xg.png) left top no-repeat; opacity:1; transition:all 0.5s;}
	.sy_dkj ul .sy2 .sy_img{width:100%; height:100%; position:relative; transition:all 0.5s; z-index:10;}
	.sy_dkj ul .sy2 .sy_img .fg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background: rgba(0,0,0,0.4); opacity:1; transition:all 0.5s;}
	.sy_dkj ul .sy2 .sy_img img{width:100%;position: inherit; left:0; top:0; margin:0 0 0 0; transition:all 8s;}
	.sy_dkj ul .sy2:hover{width:49.995%; left:24.9975%; z-index:20;}
	.sy_dkj ul .sy2:hover .sy_img img{transform:scale(1.2);}
	.sy_dkj ul .sy2:hover .fg{opacity:0;}
	.sy_dkj ul .sy2:hover h2{opacity:0;}
	
	.sy_dkj ul .sy3{width:100%; height: auto; overflow:hidden; position: relative; top:0; left:0; z-index:10; transition:all 0.5s;}
	.sy_dkj ul .sy3 h2{ position:absolute; top:50%; left:50%; line-height:20px; margin:-13px 0 0 -55px; font-size:18px; color:#fff; z-index:20; padding:6px 0 0 20px; background:url(../images/bt_xg.png) left top no-repeat; opacity:1; transition:all 0.5s;}
	.sy_dkj ul .sy3 .sy_img{width:100%; height:100%; position:relative; transition:all 0.5s;}
	.sy_dkj ul .sy3 .sy_img .fg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background:rgba(0,0,0,0.4); opacity:1; transition:all 0.5s;}
	.sy_dkj ul .sy3 .sy_img img{width:100%; position: inherit; left:0; top:0; margin:0 0 0 0; transition:all 8s;}
	.sy_dkj ul .sy3:hover{width:49.995%; z-index:20; left:58.3275%;}
	.sy_dkj ul .sy3:hover .sy_img img{transform:scale(1.2);}
	.sy_dkj ul .sy3:hover .fg{opacity:0;}
	.sy_dkj ul .sy3:hover h2{opacity:0;}
	
	.ny_bj{display:none;}
	
	.r-content{width:100%; height: auto; float: none; position: inherit; right:0; transition:ease-out .5s;}
	
	.ny_dh{width:96%; height:auto; margin:0 auto; background:none; float: none;}
	.ny_dh ul{ padding:20px 0 0 0;}
	.ny_dh ul li{ margin:14px 0 0 0; text-align:center; line-height:46px; color:#0097e0; background:#f1f1f1; transition:all 0.5s;}
	.ny_dh ul li a{ color:#444; transition:all 0.5s;}
	.ny_dh ul .s{background:#0097e0;}
	.ny_dh ul .s a{ color:#fff;}
	.ny_dh ul li:hover{ background:#0097e0;}
	.ny_dh ul li:hover a{ color:#fff;}
	
	.ny_kj{width: 100%; height: auto; background: #fff; overflow-y: auto; float:none;}
	
	.dlcp ul{ text-align: center; margin:0 0 0 -4%;}
	.dlcp ul li{width:46%; display: block; float:left; margin:10px 0 10px 4%; opacity:1; transition:all .5s; position:relative;}
	
	.cpml{ padding:20px 0 30px 0;}
	.cpml dl{ overflow:hidden; margin:20px 0 0 0;}
	.cpml dl dt{font-size:16px; line-height:46px; color:#fff; background:#0097e0; padding:0 20px; border-radius:6px;}
	.cpml dl dd{width:48%; float:left; margin:20px 1% 0 1%; text-align:center; position:relative;}
	.cpml dl dd h3{line-height:25px; height:50px; padding:10px 0;}
	.cpml dl dd img{max-width:100%;}
	
	
	.page{ float:none; width:100%;}
	.product_xq_right{ float:none; width:100%; font-size:14px; color:#525252; margin-top:20px;}
	.product_xq_right h3{font-size:20px;}
	
	.ying_yon_an_li ul{overflow:hidden; margin:0 0 0 -4%;}
	.ying_yon_an_li ul li{width:46%; float:left;margin:20px 0 0 4%; position:relative;}
	
	.zzcp .zzcp_kj ul{margin-top:-2%; margin-left:-2%;}
	.zzcp .zzcp_kj ul li{width:48%; margin-top:2%; margin-left:2%;}
}

@media screen and (max-width:980px){
	.dlcp_bj{background-size:contain;}
}